<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
                <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>

</head>
<body >
    <div id="3f8c11a3d60c434ab4f05e8545c4c920" class="chart-container" style="width:90vw; height:90vh; "></div>
    <script>
        var chart_3f8c11a3d60c434ab4f05e8545c4c920 = echarts.init(
            document.getElementById('3f8c11a3d60c434ab4f05e8545c4c920'), 'white', {renderer: 'canvas'});
        var option_3f8c11a3d60c434ab4f05e8545c4c920 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "tree",
            "data": [
                {
                    "name": "\u7b5b\u9009\u5206\u7c7b",
                    "children": [
                        {
                            "_id": {
                                "$oid": "66d02672ead3b5fc01cb71ac"
                            },
                            "name": "\u54c1\u7c7b",
                            "children": [
                                {
                                    "name": "\u6c99\u53d1",
                                    "href": "/categories/sofas"
                                },
                                {
                                    "name": "\u5e8a",
                                    "href": "/categories/beds"
                                },
                                {
                                    "name": "\u684c\u7c7b",
                                    "href": "/categories/tables"
                                },
                                {
                                    "name": "\u51e0\u7c7b",
                                    "href": "/categories/desks"
                                },
                                {
                                    "name": "\u6905\u51f3",
                                    "href": "/categories/chairs-stools"
                                },
                                {
                                    "name": "\u67dc\u7c7b",
                                    "href": "/categories/cabinets"
                                },
                                {
                                    "name": "\u67b6\u7c7b",
                                    "href": "/categories/shelves"
                                },
                                {
                                    "name": "\u5e8a\u57ab",
                                    "href": "/categories/mattresses"
                                },
                                {
                                    "name": "\u5730\u6bef/\u5730\u57ab",
                                    "href": "/categories/rugs"
                                },
                                {
                                    "name": "\u706f\u5177\u706f\u9970",
                                    "href": "/categories/lamps"
                                },
                                {
                                    "name": "\u5c45\u5bb6/\u5bb6\u7eba\u5e03\u827a",
                                    "href": "/categories/pillows-throws"
                                },
                                {
                                    "name": "\u6302\u753b/\u9970\u54c1",
                                    "href": "/categories/wall-decor"
                                },
                                {
                                    "name": "\u9910\u53a8/\u9910\u5177",
                                    "href": "/categories/kitchen-tabletop"
                                },
                                {
                                    "name": "\u6536\u7eb3\u6574\u7406",
                                    "href": "/categories/decorative-trays"
                                },
                                {
                                    "name": "\u751f\u6d3b\u65e5\u7528",
                                    "href": "/categories/home-accessories"
                                },
                                {
                                    "name": "\u5bb6\u7535",
                                    "href": "/categories/electrical-device"
                                }
                            ]
                        },
                        {
                            "_id": {
                                "$oid": "66d02672ead3b5fc01cb71ad"
                            },
                            "name": "\u98ce\u683c",
                            "children": [
                                {
                                    "name": "\u6781\u7b80\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/54"
                                },
                                {
                                    "name": "\u5317\u6b27\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/8"
                                },
                                {
                                    "name": "\u8f7b\u5962\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/51"
                                },
                                {
                                    "name": "\u6b27\u7f8e\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/45"
                                },
                                {
                                    "name": "\u65b0\u4e2d\u5f0f\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/48"
                                },
                                {
                                    "name": "\u4e2d\u53e4\u98ce\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/46"
                                },
                                {
                                    "name": "\u610f\u5f0f\u6781\u7b80\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/42"
                                },
                                {
                                    "name": "\u73b0\u4ee3\u7b80\u7ea6\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/43"
                                },
                                {
                                    "name": "\u73b0\u4ee3\u7f8e\u5f0f\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/52"
                                },
                                {
                                    "name": "\u7b80\u7ea6\u7f8e\u5f0f\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/44"
                                },
                                {
                                    "name": "\u539f\u6728\u5317\u6b27\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/53"
                                },
                                {
                                    "name": "\u4e2d\u5f0f\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/4"
                                },
                                {
                                    "name": "\u65e5\u5f0f\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/9"
                                },
                                {
                                    "name": "\u8272\u5f69\u5317\u6b27\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/55"
                                },
                                {
                                    "name": "\u513f\u7ae5\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/2"
                                },
                                {
                                    "name": "\u529e\u516c\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/41"
                                },
                                {
                                    "name": "\u73b0\u4ee3\u98ce\u683c\u5bb6\u5177",
                                    "href": "/styles/1"
                                }
                            ]
                        },
                        {
                            "_id": {
                                "$oid": "66d02672ead3b5fc01cb71ae"
                            },
                            "name": "\u7a7a\u95f4",
                            "children": [
                                {
                                    "name": "\u5ba2\u5385\u5bb6\u5177",
                                    "href": "/spaces/living-room/all"
                                },
                                {
                                    "name": "\u9910\u5385\u5bb6\u5177",
                                    "href": "/spaces/living-room/sofas"
                                },
                                {
                                    "name": "\u5367\u5ba4\u5bb6\u5177",
                                    "href": "/spaces/living-room/leisure-chairs"
                                },
                                {
                                    "name": "\u4e66\u623f\u5bb6\u5177",
                                    "href": "/spaces/living-room/tea-tables"
                                },
                                {
                                    "name": "\u513f\u7ae5\u623f\u5bb6\u5177",
                                    "href": "/spaces/living-room/cabinets"
                                },
                                {
                                    "name": "\u8336\u5ba4\u5bb6\u5177",
                                    "href": "/spaces/living-room/lighting-fixtures"
                                },
                                {
                                    "name": "\u53a8\u623f\u5bb6\u5177",
                                    "href": "/spaces/living-room/carpets"
                                }
                            ]
                        }
                    ]
                }
            ],
            "zoom": 1,
            "symbol": "emptyCircle",
            "symbolSize": 7,
            "edgeShape": "curve",
            "edgeForkPosition": "50%",
            "roam": false,
            "expandAndCollapse": true,
            "layout": "radial",
            "orient": "LR",
            "label": {
                "show": true,
                "position": "right",
                "color": "red",
                "margin": 8
            },
            "leaves": {},
            "itemStyle": {
                "color": "purple"
            },
            "selectedMode": false,
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid",
                "color": "blue"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "\u5bb6\u5177\u5206\u7c7b\u6570\u636e\u53ef\u89c6\u5316",
            "target": "blank",
            "subtarget": "blank",
            "left": "center",
            "top": "1%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ],
    "toolbox": {
        "show": true,
        "orient": "horizontal",
        "itemSize": 15,
        "itemGap": 10,
        "left": "80%",
        "feature": {
            "saveAsImage": {
                "type": "png",
                "backgroundColor": "auto",
                "connectedBackgroundColor": "#fff",
                "show": true,
                "title": "\u4fdd\u5b58\u4e3a\u56fe\u7247",
                "pixelRatio": 1
            },
            "restore": {
                "show": true,
                "title": "\u8fd8\u539f"
            },
            "dataView": {
                "show": true,
                "title": "\u6570\u636e\u89c6\u56fe",
                "readOnly": false,
                "lang": [
                    "\u6570\u636e\u89c6\u56fe",
                    "\u5173\u95ed",
                    "\u5237\u65b0"
                ],
                "backgroundColor": "#fff",
                "textareaColor": "#fff",
                "textareaBorderColor": "#333",
                "textColor": "#000",
                "buttonColor": "#c23531",
                "buttonTextColor": "#fff"
            },
            "dataZoom": {
                "show": true,
                "title": {
                    "zoom": "\u533a\u57df\u7f29\u653e",
                    "back": "\u533a\u57df\u7f29\u653e\u8fd8\u539f"
                },
                "icon": {},
                "filterMode": "filter"
            },
            "magicType": {
                "show": true,
                "type": [
                    "line",
                    "bar",
                    "stack",
                    "tiled"
                ],
                "title": {
                    "line": "\u5207\u6362\u4e3a\u6298\u7ebf\u56fe",
                    "bar": "\u5207\u6362\u4e3a\u67f1\u72b6\u56fe",
                    "stack": "\u5207\u6362\u4e3a\u5806\u53e0",
                    "tiled": "\u5207\u6362\u4e3a\u5e73\u94fa"
                },
                "icon": {}
            }
        }
    },
    "dataZoom": {
        "show": true,
        "type": "slider",
        "showDetail": true,
        "showDataShadow": true,
        "realtime": true,
        "start": 20,
        "end": 80,
        "orient": "horizontal",
        "zoomLock": false,
        "filterMode": "filter"
    }
};
        chart_3f8c11a3d60c434ab4f05e8545c4c920.setOption(option_3f8c11a3d60c434ab4f05e8545c4c920);
    </script>
</body>
</html>
